﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="searchCategory.aspx.cs" Inherits="giao_dien_searchCategory" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body style="height: 244px">
    <form id="form1" runat="server" visible="true">
    <div>
    
        <asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>

        <asp:Button ID="btnSearch" runat="server" onclick="txtSearch_Click" Text="Search" />
        <br />
        <br />
        <asp:Button ID="btnDisplay" runat="server" onclick="btnDisplay_Click" 
            style="height: 26px" Text="Display" />
        <asp:GridView ID="gridviewAllCategory" runat="server">
        </asp:GridView>
        <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1">
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"></asp:SqlDataSource>
        <br />
        <br />
        <br />
    
    </div>
    <p>
        &nbsp;</p>

   <%-- <asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate><table width="100%"><tr><th>CategoryId</th><th>CategoryName</th></tr></HeaderTemplate>
<ItemTemplate>
<tr><td><%#DataBinder.Eval(Container.DataItem, "CategoryId")%></a></td>
<td><%#DataBinder.Eval(Container.DataItem, "CategoryName")%></td></tr>
</ItemTemplate>
<FooterTemplate></table></FooterTemplate>
</asp:Repeater>--%>


    <style type="text/css">
        .productItem
        {
            width: 140px;
            float: left;
            padding: 5px;
            margin: 5px;
            text-align: center;
        }
        .groupSeparator
        {
            border-top: 1px dotted Gray;
            height: 1px;
            clear: both;
        }
        .itemSeparator
        {
            height: 180px;
            width: 1px;
            border-left: 1px dotted Gray;
            margin-top: 5px;
            margin-bottom: 5px;
            float: left;
        }
    </style>
 
    <asp:ListView runat="server" ID="listView" GroupItemCount="3">
        <LayoutTemplate>
            <div style="width: 500px;">
                <asp:PlaceHolder runat="server" ID="groupPlaceHolder" />
            </div>
        </LayoutTemplate>
        <GroupTemplate>
            <div style="clear: both;">
                <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
            </div>
        </GroupTemplate>
        <ItemTemplate>
            <div class="productItem">
                <div>
                    <img src='<%# "../GiaoDien/" + Eval("Url_img") %>'
                        height="120" width="120" >
                       </img>
                       
                </div>
                <div>
                    <b>
                        <%# Eval("ProductName")%></b></div>
                <div>
                    Price: $<%# Eval("Price") %></div>
            </div>
        </ItemTemplate>
        <ItemSeparatorTemplate>
            <div class="itemSeparator">
            </div>
        </ItemSeparatorTemplate>
        <GroupSeparatorTemplate>
            <div class="groupSeparator">
            </div>
        </GroupSeparatorTemplate>
        <EmptyDataTemplate>
        </EmptyDataTemplate>
    </asp:ListView>






    </form>
    </body>
</html>
